<template>
  <div class="navbar">
    <div class="navbar-inner">
      <div class="container">
        <a class="brand" href="/" style="color : #fff">
          <img src="../assets/images/vue.png" />
          Vue.js
        </a>
        <form id="search_form" class="navbar-search" action="/search">
          <input type="text" id="q" name="q" class="search-query span3" value="">
        </form>
        <ul class="nav pull-right">
          <li><router-link to="/">首页</router-link></li>
          <li><a href="#" class="goWechat" data-toggle="modal" data-target="#wechat">微信公众号</a></li>
          <li><a href="http://doc.vue-js.com/">VUE 2.0</a></li>
          <li><router-link to="/getstart">参考资料</router-link></li>
          <li><router-link to="/api">API</router-link></li>
          <li><router-link to="/about" target="">关于</router-link></li>
          <li><a href="http://github.com/login">注册</a></li>
          <li><router-link to="/signin">登录</router-link></li>
        </ul>
        <a class="btn btn-navbar" id="responsive-sidebar-trigger">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </a>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'Header'
}
</script>
